🌸 Definición

¿Qué es una Página Web?

Un documento digital diseñado para verse en un navegador, construido con código y capaz de mostrar texto, imágenes, videos y mucho más.

Una página web es un documento electrónico escrito en lenguaje HTML que forma parte de la World Wide Web, accesible a través de un navegador mediante una dirección URL única.

Una página web no es lo mismo que un sitio web. Piénsalo como un libro: cada página individual = página web; el libro completo = sitio web.

💡 Técnicamente: es un archivo de texto con extensión .html que el navegador lee e interpreta para mostrar una interfaz visual con colores, fuentes y funcionalidades.
🌹 La diferencia clave: Internet es la autopista (infraestructura). La Web es uno de los vehículos que circula por esa autopista. ¡Internet existió 20 años antes que la Web!
SITIO WEB (ejemplo.com) Inicio Página 1 🌸 Página 2 🌼 Página 3 🌺 ejemplo.com/inicio ejemplo.com/pagina2 ejemplo.com/pagina3 Cada URL = una página web distinta

Un sitio web es un conjunto de páginas web individuales

🌼 Las bases

Las 3 Tecnologías Esenciales

HTML

HyperText Markup Language

El esqueleto. Define la estructura y el contenido: títulos, párrafos, imágenes, botones, formularios. Sin HTML no hay página web. Es el fundamento de todo.

🏗️ Función: Estructura — "¿Qué hay aquí?"
CSS

Cascading Style Sheets

La apariencia. Controla colores, fuentes, tamaños, animaciones y el diseño visual. ¡Este fondo floral rosado y amarillo es puro CSS! Sin CSS todo sería texto negro sobre blanco.

🎨 Función: Diseño — "¿Cómo se ve?"
JS

JavaScript

El comportamiento. Añade interactividad: menús que se abren, formularios que validan, contenido que cambia sin recargar la página. El menú de navegación arriba usa JS.

⚡ Función: Interacción — "¿Qué hace?"
🌹 Los pioneros

¿Quién(es) la Crearon?

La World Wide Web tiene un padre claro y una institución que hizo posible todo. Su generosidad cambió el mundo para siempre.

TBL
El Inventor

Tim Berners-Lee

🔬 Científico Informático Británico · CERN, 1989

En 1989, trabajando en el CERN (el laboratorio de física más grande del mundo, en Ginebra) propuso un sistema para que los científicos pudieran compartir información fácilmente entre sí. Ese sistema se convirtió en la World Wide Web.

Creó los tres pilares: HTML (lenguaje), HTTP (protocolo) y la primera URL (dirección web). El 6 de agosto de 1991 publicó el primer sitio web de la historia: info.cern.ch

  • Inventó HTML, HTTP y la URL entre 1989–1990
  • Publicó el primer sitio web el 6 de agosto de 1991
  • Fundó el W3C en 1994 (el organismo que estandariza la Web)
  • No patentó nada — dejó la Web libre para todo el mundo 💝
  • Fue nombrado Caballero por la reina Isabel II en 2004
🤝

Robert Cailliau

Ingeniero belga del CERN, coautor de la primera propuesta formal de la Web en 1990. Apoyó y refinó el proyecto junto a Berners-Lee desde el inicio.

🆓

¿Por qué la Web es gratis?

Berners-Lee y el CERN renunciaron a todas las patentes en 1993. Esa decisión — una de las más generosas de la historia tecnológica — es la razón por la que cualquiera puede crear una página web sin pagar licencias.

📖 Historia y contexto

De 1969 a Hoy:
La Historia Completa

La Web fue el resultado de décadas de investigación, guerra fría, colaboración científica y una visión brillante.

1969

🏛️ ARPANET — El abuelo de Internet

El Departamento de Defensa de EE.UU. conecta 4 universidades. No es aún la web, pero es la base de Internet. Primera transmisión: intentaron escribir "login" — solo llegaron "lo" antes de que el sistema colapsara.

1974

📡 Protocolo TCP/IP

Vint Cerf y Bob Kahn crean el "idioma" que permite que computadoras de distintas redes se comuniquen. Es el protocolo base de Internet hasta hoy.

1989–1990

🌸 Tim Berners-Lee inventa la Web

En el CERN, propone un sistema de hipertexto. Crea HTML, HTTP y la URL. Construye el primer servidor y navegador web. La Web corre sobre Internet, pero no son la misma cosa.

1991

🌐 Primera Página Web Pública

El 6 de agosto, info.cern.ch se convierte en el primer sitio web de la historia. Solo texto, describía el proyecto WWW. ¡Puedes visitarla hoy en su versión restaurada!

1993

🖼️ Mosaic — Primer navegador gráfico

Marc Andreessen lanza Mosaic en NCSA. Primera vez que se ven imágenes dentro de las páginas. El tráfico web crece un 341,634% en un año.

1994

⚔️ Netscape y la guerra de navegadores

Berners-Lee funda el W3C. Andreessen funda Netscape. Microsoft lanza Internet Explorer. Comienza la "guerra de navegadores" que dura hasta 2001.

1995–2000

💸 Era .com y la burbuja

Nacen Amazon (1994), eBay (1995), Google (1998). Las empresas ".com" valen miles de millones. En el 2000, la burbuja estalla.

2004

💬 Web 2.0 — La web participativa

Facebook nace. El usuario ya no solo lee: crea contenido. Blogs, redes sociales, comentarios. Es la web que conocemos hoy.

2007

📱 La Web en el bolsillo

Apple lanza el iPhone. La web debe funcionar en pantallas pequeñas. Nace el diseño responsivo. El tráfico móvil supera al de escritorio en 2016.

Hoy

🤖 Web con IA

IA generativa, Web descentralizada, PWAs, WebAssembly. Más de 1.9 mil millones de sitios web. 5+ mil millones de personas conectadas.

🌸 Internet vs. Web — No son lo mismo

INTERNET (La autopista) 🌐 Web (HTTP/HTML) 📧 Email (SMTP) 📁 FTP (archivos)

La Web es solo una parte de Internet

📜

Evolución del estándar HTML

  • HTML 1.0 (1993) — Solo texto y enlaces
  • HTML 2.0 (1995) — Formularios e imágenes
  • HTML 4.01 (1999) — Tablas y estilos
  • HTML5 (2014) — Video, audio, canvas, el estándar actual
🌍

¿Cómo llega la web a tu pantalla?

👩 URL 🌐 Navegador HTTP 🖥️ Servidor HTML/CSS/JS
🌺 Clasificación

Tipos de Páginas Web

Según su tecnología, propósito y contenido, las páginas web se clasifican en varios tipos.

📄

Estáticas

Su contenido no cambia sin editar el código. Rápidas y seguras. Ideal para páginas informativas simples.

⚙️

Dinámicas

Generan contenido en tiempo real según el usuario o una base de datos. Usan PHP, Python, Node.js.

🛒

E-commerce

Especializadas en compra-venta: carritos, pagos, catálogos, inventario. Ej: tiendas online.

📰

Blogs / Portales

Publicación regular de contenido editorial. Usan CMS como WordPress. El contenido es el protagonista.

💼

Corporativas

Representan una empresa. Presentan servicios, equipo y contacto para generar confianza.

📱

PWA (Apps Web)

Páginas que se comportan como apps móviles: funcionan sin conexión y se instalan en el celular.